<template>
  <div class="app">
    <div class="main">
      <router-view></router-view>
    </div>
    <div class="footer">
      <router-link to="/home">首页</router-link>
      <router-link to="/list">列表</router-link>
      <router-link to="/user">我的</router-link>
    </div>
  </div>
</template>
<script lang="ts" setup>
import {useStore} from 'vuex'
import {stateType} from '@/store'
import {onMounted} from 'vue'
const store=useStore<stateType>()
onMounted(()=>{
  store.dispatch('getLoginListAxios')
})
</script>
<style lang="scss">
  .app{
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
  }
  .main{
    flex: 1;
  }
  .footer{
    width: 100%;
    height: 60px;
    border-top: 1px solid #ccc;
    display: flex;
    justify-content: space-around;
    line-height: 60px;
  }
</style>